<%-- 
    Document   : index
    Created on : 04/12/2013, 16:40:45
    Author     : Meister
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%-- 
        Título da página
        --%>
        <title>Nippon Office - Cultura Otaku</title>


        <%-- 
Javascript para que o conteúdo do iframe possua um tamanho ajustavel conforme o conteúdo exibido
        --%>
        <script language="javascript" type="text/javascript">
            function resizeIframe(obj) {
                obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
                obj.style.width = obj.contentWindow.document.body.scrollHeight + 'px';
            }
        </script>


    </head>
    <body>
        <%-- 
    Imagem de capa para o site
        --%>
    <center>
        <img src="imagens/tokyo.jpg" alt="Nippon Office" align="center">
    </center>

    <%-- 
Criação de uma tabela para alinhamento de links
    --%>
    <table align="center" style="border-spacing: 0px 5px">
        <tr>
            <td width="150" align="center" border-spacing="10">
                <a href="index.jsp" ><img src="imagens/home.png" alt="Home"></a>
            </td>
            <td width="100" align="center">
                <a href="noticias.jsp" ><img src="imagens/noticias.png" alt="Notícias"></a>
            </td>
            <td width="150" align="center">
                <a href="cultura.jsp" ><img src="imagens/cultura.png" alt="Cultura Otaku"></a>
            </td>
            <td width="100" align="center">
                <a href="chat.jsp" ><img src="imagens/chat.png" alt="Chat"></a>
            </td>
            <td width="150" align="center">
                <a href="quemsomos.jsp" ><img src="imagens/quem.png" alt="Quem Somos"></a>
            </td>
            <td width="150" align="center">
                <a href="mapa.jsp" ><img src="imagens/mapa.png" alt="Mapa do Site"></a>
            </td>
            <td width="150" align="center">
                <a href="admin.jsp" ><img src="imagens/admin.png" alt="Área Administrativa"></a>
            </td>
        </tr>
    </table>

    <%-- 
        Submenu da página Cultura Otaku
    --%>
    <div style="width:150px;float:left;">
        <br/>
        <b>MENU</b><br/>
        <a href="animes.jsp" target="iframe">Animes</a><br/>
        <a href="mangas.jsp" target="iframe">Mangás</a><br/>
        <a href="tokusatsu.jsp" target="iframe">Tokusatsu</a>
    </div>

    <%-- 
      Iframe onde serão exibidos os conteúdos das páginas mangás/animes/tokusatsu
    --%>
    <iframe name="iframe" id="iframe" src="animes.jsp" style="float: left" frameborder="0" scrolling="no" id="iframe" onload='javascript:resizeIframe(this);'> </iframe>

</body>
</html>
